.search-result-container {
  padding-top: 30px;

  .result-count-row {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: 0 0 20px 0;

    .filter-btn, .sort-btn {
      flex-shrink: 0;
      align-self: center;
      display: flex;

      ::v-deep .v-btn {
        transition-duration: 300ms;
        transition-property: width, min-width, height, background-color, color, border, border-color,;
      }
    }

    .result-count {
      max-width: calc(100% - 200px);
      margin-right: 30px;
      align-self: center;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      transition-duration: 300ms;
      transition-property: font-size;
    }

    .filter-btn {
      margin-left: auto;

      ::v-deep .v-btn {
        align-self: center;

        .v-btn__content {

          .v-icon {
            margin-right: 5px;
          }
        }
      }
    }

    .sort-btn {
      margin-left: 10px;

      ::v-deep .v-btn {
        align-self: center;

        .v-btn__content {

          .v-icon {
            margin-left: 5px;
          }
        }
      }
    }
  }
}